<!--  -->
<template>
  <div class="shwos">
    <div class="nas">
      <h5>招商项目展示介绍</h5>
      <span>
        <i class="el-icon-warning-outline"></i>
         该模块用于在名片页展示区县/园区推荐的项目。您可以选择需要展示的项目显示在名片页面，更好的吸引客户浏览项目详情。最多可选择20个，如项目需要修改则需要进入项目管理页面进行修改。
      </span>
      <div class="bos">
        <div class="bonav">
          <ul class="navs">
            <li>
              <h5>选择展示内容</h5>
              <i class="el-icon-warning-outline"></i>
            </li>
            <li>
              <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
                <el-button slot="append" icon="el-icon-search"></el-button>
              </el-input>
              <el-button class="btns">重置</el-button>
            </li>
          </ul>
        </div>
        <div class="sows">
        <Landt/>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Btns from '@/components/admin/card/Btns.vue'
import Landt from '@/components/admin/card/Landt.vue'
export default {
  components: {
    Btns,
    Landt
  },
  data() {
    return {
      input3:'',
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
        {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄',
        },
        {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄',
        },
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄',
        },
      ],
    }
  },
  created() {},
  methods: {},
  beforeDestroy() {},
}
</script>

<style lang='scss' scoped>
.showit {
  width: 642px;
  height: 890px;
  .nas {
    width: 100%;
    height:auto;
    span{
      font-size: 13px;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;

color: #9b9b9b;

letter-spacing: 0.09px;
    }
    h5 {
      margin-bottom: 8px;
      font-size: 16px;
      font-family: PingFangSC, PingFangSC-Semibold;
      font-weight: 600;
      text-align: left;
      color: #171725;
      line-height: 22px;
      letter-spacing: 0.11px;
    }
    .bos {
      margin-top: 19px;
      width: 100%;
      height: auto;
      .bonav {
        width: 100%;
        height: 38px;
        .navs {
          display: flex;
          justify-content: space-between;
          h5 {
            height: 38;
            font-size: 16px;
            font-family: PingFangSC, PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            color: #171725;
            line-height: 38px;
            letter-spacing: 0.11px;
            margin: 0;
          }
          li {
            width: 50%;
            height: 40px;
            display: flex;
            align-items: center;
            line-height: 38px;
            i {
              display: block;
              margin: 12px;
            }
            .btns {
              width: auto;
              height: 40px;
              margin-left: 10px;
            }
          }
        }
      }
      .sows {
        margin-top: 25px;
        width: 100%;
        height: auto;
      }
    }
  }
}
</style>
